// pages/questionDetail/questionDetail.js
import {
    request
} from '../../request/request'
Page({

    /**
     * 页面的初始数据
     */
    data: {
        titleImages:{},//根据具体分辨率动态修改title数组中图片尺寸
        wrongAnsImages:{},//根据具体分辨率动态修改wrongAns数组中图片尺寸
        analysisImages:{},//根据具体分辨率动态修改analysis数组中图片尺寸
        correctAnsImages:{},//根据具体分辨率动态修改correctAns数组中图片尺寸
        id: 0,
        question: [],
        title: '',
        analysis: '',
        correctAns: '',
        wrongAns: '',
        imgHeight:0,
        imgWidth:0
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        // 获取传入的id
        console.log(options.id)
        this.setData({
            // title: parse(this.data.latex),
            id: options.id
        })
        // 通过传入id请求题目详细信息
        request({
            url: "/question/searchQuestion",
            header: {
                "Authorization": wx.getStorageSync('token')
            },
            data: {
                "ids": [this.data.id],
                "userId": wx.getStorageSync('userId')
            },
            method: 'POST',
        }).then(res => {
            console.log(res.data.data[0].title)
            this.setData({
                question: res.data.data
            })
            var title = res.data.data[0].title.split('<picture>')
            var analysis = res.data.data[0].analysis.split('<picture>')
            var correctAns = res.data.data[0].correctAns.split('<picture>')
            var wrongAns = res.data.data[0].wrongAns.split('<picture>')
            this.setData({
                title:title,
                analysis:analysis,
                correctAns: correctAns,
                wrongAns:wrongAns,
                isCollection: res.data.data[0].ifCollected
            })
        })
    },
    // 点击收藏
    shoucang() {
        console.log(this.data.question[0].ifCollected)
        if (this.data.question[0].ifCollected) {
            console.log("取消收藏")
            wx.showToast({
                title: '取消收藏',
            })
            request({
                url: "/collection/deleteById?questionId="+this.data.id+"&userId="+wx.getStorageSync('userId'),
                header: {
                    "Authorization": wx.getStorageSync('token')
                },
                method: 'DELETE',
            }).then(res=>{
                this.data.question[0].ifCollected = false
                this.setData({
                    question:this.data.question
                })
            })

        } else {
            wx.showToast({
                title: '收藏成功',
            })
            request({
                url: "/collection/insert",
                header: {
                    "Authorization": wx.getStorageSync('token')
                },
                data: {
                    "questionId": this.data.id,
                    "userId": wx.getStorageSync('userId')
                },
                method: 'POST',
            }).then(res=>{
                this.data.question[0].ifCollected = true
                this.setData({
                    question:this.data.question
                })
            })
        }
    },
    // 点击放大图片
    imgLoad(e){
        this.setData({
            imgHeight:e.detail.height,
            imgWidth:e.detail.width
          })
          console.log(this.data.imgHeight)
          console.log(this.data.imgWidth)
    },
    tapImg(e){
        console.log(e.target.dataset.imgsrc)
        wx.previewImage({
          urls: [e.target.dataset.imgsrc],
        })
    },
    //实现题目中的图片根据实际分辨率动态渲染尺寸
    titleImageLoad: function(e) {
        var width=e.detail.width,    //获取图片真实宽度
            height=e.detail.height;
            // ratio=width/height;    //图片的真实宽高比例
        var viewWidth=width,          //设置图片显示宽度，左右留有16rpx边距
            viewHeight=height*2.25;    //计算的高度值
         var image=this.data.titleImages; 
         console.log("chw+"+e.target.id)
        //  //将图片的datadata-index作为image对象的key,然后存储图片的宽高值
        image[e.target.id]={
            width:viewWidth,
            height:viewHeight
         }
         this.setData({
            titleImages:image
         })
     },
    //实现错解中的图片根据实际分辨率动态渲染尺寸
    wrongAnsImageLoad: function(e) {
        var width=e.detail.width,    //获取图片真实宽度
        height=e.detail.height;
        // ratio=width/height;    //图片的真实宽高比例
        var viewWidth=width,          //设置图片显示宽度，左右留有16rpx边距
        viewHeight=height*2.25;    //计算的高度值
        var image=this.data.wrongAnsImages; 
        console.log("chw+"+e.target.id)
        //  //将图片的datadata-index作为image对象的key,然后存储图片的宽高值
        image[e.target.id]={
            width:viewWidth,
            height:viewHeight
        }
        this.setData({
            wrongAnsImages:image
        })
    },
    //实现分析中的图片根据实际分辨率动态渲染尺寸
    analysisImageLoad: function(e) {
        var width=e.detail.width,    //获取图片真实宽度
        height=e.detail.height;
        // ratio=width/height;    //图片的真实宽高比例
        var viewWidth=width,          //设置图片显示宽度，左右留有16rpx边距
        viewHeight=height*2.25;    //计算的高度值
        var image=this.data.analysisImages; 
        console.log("chw+"+e.target.id)
        //  //将图片的datadata-index作为image对象的key,然后存储图片的宽高值
        image[e.target.id]={
            width:viewWidth,
            height:viewHeight
        }
        this.setData({
            analysisImages:image
        })
    },
    //实现正解中的图片根据实际分辨率动态渲染尺寸
    correctAnsImageLoad: function(e) {
        var width=e.detail.width,    //获取图片真实宽度
        height=e.detail.height;
        // ratio=width/height;    //图片的真实宽高比例
        var viewWidth=width,          //设置图片显示宽度，左右留有16rpx边距
        viewHeight=height*2.25;    //计算的高度值
        var image=this.data.correctAnsImages; 
        console.log("chw+"+e.target.id)
        //  //将图片的datadata-index作为image对象的key,然后存储图片的宽高值
        image[e.target.id]={
            width:viewWidth,
            height:viewHeight
        }
        this.setData({
            correctAnsImages:image
        })
    }
    
})